<template>
  <Tabs :animated="false" :value="active" @on-click="changeRoute">
    <TabPane label="参保概况" name="index">
      <router-view></router-view>
    </TabPane>
    <TabPane label="趋势分析" name="analysis">
      <router-view></router-view>
    </TabPane>

  </Tabs>
</template>
<script>
export default {
  data() {
    return {
      active: "index"
    };
  },
  methods: {
    changeRoute(e) {
      this.active = e;
      if (e == "index") {
        this.$router.push("/socialsecurity/overview/index");
      } else if (e == "analysis") {
        this.$router.push("/socialsecurity/overview/analysis");
      } 
    }
  }
};
</script>
<style lang="scss" scoped >
</style>